#app {
  .note-input {
    width: 80%;
    height: 32px;
    border: rgb(231, 233, 232) 2px solid;
    border-radius: 16px;
    padding-left: 20px;
    outline: none;
    font-size: 16px;
    background-color: #F4F6F7;

    &:hover {
      border: rgb(0, 191, 255) 2px solid;
      background: white;
      cursor: pointer;
    }
  }

  .hove-cursor {
    cursor: pointer;
  }

  //el-dialog 对话框 样式重构
  .el-dialog {
    border-radius: 10px;
    //对话框头部
    .el-dialog__header {
      //el-dialog__header 标题栏
      .el-dialog__title {
        font-size: 20px;
        letter-spacing: .1em;
        font-weight: bolder;
      }
    }

    // 输入表单
    .el-dialog__body {
      padding: 25px 25px 5px;

      .el-form {
        position: relative;

        .el-form-item {
          &:not(:last-child) {
            margin-bottom: 20px;
          }

          .el-form-item__label {
            text-align: unset;
            font-size: 18px;
          }

          .el-select {
            width: 100%;
            min-width: 200px;
            margin-bottom: 10px;
          }
        }
      }
    }

    // 底部按钮 按钮
    .dialog-footer {
      .el-button {
        border-radius: 8px;
        width: 40%;

        &:first-child {
          margin-right: 20px;
        }
      }
    }
  }

  .inner-dialog {
    border-radius: 10px;

    .el-dialog {
      border-radius: 10px;

      .el-dialog__title {
        font-size: 20px;
        letter-spacing: .1em;
        font-weight: bolder;
      }

      .el-form {
        .el-form-item {
          label {
            font-size: 18px;
          }

          .el-input {
            width: 100%;
            min-width: 200px;
          }
        }
      }
    }
  }


  //el-dialog flex-row 布局
  .dialog-flex-column {
    .el-dialog__body {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-start;
      padding: 25px 25px 5px;
      gap: 10px;

      .dialog-img-box{
        width: 100%;
        display: flex;
        padding: 20px 0;
        justify-content: center;
        border-top: #92959B 1px solid;
        img{
          width: 40%;
        }
      }

      .el-form {
        width: 45%;

        .el-form-item {
          margin-bottom: 20px;

          .el-form-item__label {
            text-align: unset;
            font-size: 18px;
          }

          .el-select {
            width: 100%;
            min-width: 200px;
            margin-bottom: 10px;
          }
        }
      }
    }
  }

  //el 日期选择器样式重构
  .el-date-editor {

    .el-input__icon { //左侧图标

    }

    .el-range-input { // 日期选择输入框

    }

    .el-range-separator {
      padding: unset;
    }
  }

  //el 下拉选择器 下拉列表
  .el-select-dropdown__item.selected {
    color: #000000;
  }
}





